@import "../../Master/index";

.TestInfo {
  .Masterfun();
  height: 100%;
  background-color: @Mastercolor;
  padding-top: 6rem;
  .content {
    width: 90%;
    margin: auto;
    background-color: #fff;
    border-radius: 1.5rem;
    position: relative;
    margin-bottom: 2rem;
    .img {
      width: 6rem;
      height: 6rem;
      background-color: #ddd;
      position: absolute;
      top: -3rem;
      left: 50%;
      margin-left: -3rem;
      z-index: 20;
      border-radius: 100%;
      img {
        border: .2rem solid #fff;
        width: 100%;
        border-radius: 100%;
        background-color: #ddd;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
      }
    }
    .name {
      padding-top: 4.5rem;
      font-size: @fontSize15;
      font-weight: 600;
      color: @Master27;
    }
    .docs {
      margin-top: 2rem;
      font-size: @fontSize15;
      color: @Master5C;
      span {
        color: @MasterOrange;
        font-size: @fontSize18;
        font-weight: 600;
      }
      .first {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .5rem;
        img {
          width: 1.8rem;
        }
        img:first-child {
          margin-top: -.1rem;
        }
        p {
          margin: 0 2rem;
        }
      }
    }
    .ttie {
      width: 50%;
      margin: auto;
      margin-top: 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      div {
        p:first-child {
          color: @Master96;
          font-size: @fontSize15;
        }
        p:last-child {
          color: @MasterOrange;
          font-weight: 600;
          font-size: 3.2rem;
        }
      }
    }
    .btns {
      margin-top: 1rem;
      padding-bottom: 2rem;
    }
  }
}
